<!DOCTYPE html PUBLIC "-//W3C//Ddiv XHTML 1.0 Sdivict//EN" "http://www.w3.org/div/xhtml1/Ddiv/xhtml1-sdivict.ddiv">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <title>TUGAS BESAR PROGIN 1</title>
        <link id="CSS" href="Main.css" type="text/css" rel="stylesheet" media="screen"/>
<!--        <script src="Listkontent.js" type="text/javascript"></script>-->
        <script type="text/javascript" src="assets/like.js"></script>
    </head>
    
    <body>
        <div id="bagian_luar">
            <div id="luar">
                <div id="kepala">
                    <div id="logo"><a href="Main.html"><img src="images/logo.jpg" width="450" height="150" alt="dafuq"></img></a></div>
                </div>
                <div id="cari"></div>
                <div id="list_menu">
                    <ul>
                        <li><a href="Main.html">HOME</a></li>
                        <li><a href="Content.html">Content</a></li>
                        <li><a href="Post.html">Post</a></li>
                        <li><a onclick="changeCSS()">Change Theme</a></li>
                        <li><a href="Daftar.html">Sign up</a></li>
                    </ul>
                </div>
                <div id="header_gambar">
                    <img src="images/header.jpg" width="800" height="200" alt="dafuq"></img>
                </div>
                <div class="top_content">
                    <img src="images/orn_top.jpg" alt="dafuq"></img><br />
                </div>
                <div id="konten">
                    <div id="content_1" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type Link</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption">
                                    <p>dagajflkasjdlksajd;ksajf;slafmk;asmf;kasmf
                                    ldsadskajdklsajdklsajdsdasdasfasfasfasdfasddsadksladjkl</p>
                                </div>
                                <div class="content_entry content_type_link">    
                                    <p>9gag.com</p>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by dafuq</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote1"></label>
                                </div>
                                <div id="button1">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(1)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(1)"></img>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="content_2" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Yoshioka Yui</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/yui.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by dafuq</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote2"></label>
                                </div>
                                <div id="button2">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(2)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(2)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_3" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div ><h2><a href="Yui.html">Type Video</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_video">
                                    <object type="application/x-shockwave-flash" style="width:300px; height:200px;" data="http://www.youtube.com/v/7_6B6vwE83U">
                                        <param name="movie" value="http://www.youtube.com/v/7_6B6vwE83U" /></object>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3>03-03-2012</h3>
                                    <p>posted by dafuq</p>
                                    <p>---------------</p>
                                    <label class="vote no_vote" id="like_vote3"></label>
                                </div>
                                <div id="button3">
                                    <img onclick="doLike(3)" class="like_button" src="images/like.jpg"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(3)"></img>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="content_4" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image4.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote4"></label>
                                </div>
                                <div id="button4">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(4)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(4)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_5" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image5.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote5"></label>
                                </div>
                                <div id="button5">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(5)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(5)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_6" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image6.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote6"></label>
                                </div>
                                <div id="button6">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(6)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(6)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_7" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image7.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote7"></label>
                                </div>
                                <div id="button7">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(7)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(7)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_8" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image8.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote8"></label>
                                </div>
                                <div id="button8">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(8)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(8)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_9" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image9.jpg" alt="gambar" width="150" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote9"></label>
                                </div>
                                <div id="button9">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(9)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(9)"></img>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="content_10" class="content">
                        <div class="content_data">
                            <div class="content_header">
                                <div><h2><a href="Yui.html">Type gambar</a></h2></div>
                            </div>
                            <div class="content_body">
                                <div class="content_caption"></div>
                                <div class="content_entry content_type_image">
                                    <img src="images/image10.jpg" alt="gambar" width="300" height="150"></img>
                                </div>
                            </div>
                            <div class="content_signature">
                                <div>
                                    <h3 class="content_date">03-03-2012</h3>
                                    <p class="content_poster">posted by final</p>
                                    <p>-----------------------</p>
                                    <label class="vote no_vote" id="like_vote10"></label>
                                </div>
                                <div id="button10">
                                    <img src="images/like.jpg" class="like_button" onclick="doLike(10)"></img>
                                    <img src="images/minus.jpg" alt="minus" width="30" height="50"></img>
                                    <img src="images/dislike.jpg" class="unlike_button" onclick="doUnlike(10)"></img>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
                <div class="top_content">
                    <img src="images/orn_bottom.jpg" alt="dafuq"></img><br />
                </div>
                <div id="footer">
                    Copyright dafuq <br /><br />
                </div>
            </div>
        </div>
        <script type="text/javascript">
            initRandomLikeMax(10);
        </script>
    </body>
</html>
